// Form

@import '../../style/themes/default';
@import '../../style/mixins/index';
@import './param';

@mixin form {
  display: inline-block;
  &-title {
    display: flex;
    align-items: center;
    font-size: $--x-font-size-medium;
    > x-icon {
      margin-right: 0.25rem;
    }
  }
  &-rows {
    > x-row[hidden] {
      display: none;
    }
    > x-row:not(:first-child) {
      margin-top: 1.5rem;
    }
  }

  x-col[hidden] {
    display: none;
  }
}
